<!DOCTYPE html>
<html>
<head>
	<title>新建QQ书</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="yes" name="apple-touch-fullscreen">
	<meta content="telephone=no,email=no" name="format-detection">
	 <link rel="stylesheet" href="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/css/normalize.css" type="text/css">
	 <!-- <link rel="stylesheet" type="text/css" href="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/css/photoBottom.css"> -->

	<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/jquery-1.7.2.min.js"></script>
	 <script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/jisuan.js">
	</script>
	<style type="text/css">
		body{
			background: #fff;
			font-family:PingFangSC-Medium;
		}
		.container{
			width:100%;
			height:100%;
		}

		.main{
			width:9.466667rem;
			height:100%;
			background:#fff;
			margin:0 auto;
		}
		.header,.section,.footer,.header_top{
			height:auto;
			width:100%;
		}
		.header{
			padding-top:0.8rem;
		}
		.header_top{
			overflow: hidden;
		}
		.xian{
			width:4.106667rem;
			height:0.24rem;
			margin-top:0.24rem;
		}
		.img{
			width:100%;
			height:100%;
		}
		.left{
			float: left;
		}
		.xian_right{
			margin-left:0.16rem;
		}
		.weixin{
			width:0.906667rem;
			height:0.853333rem;
			margin-left:0.186667rem;
		}
		.header_bot{
			height:auto;
			width: 100%;
			/*padding-top:;*/
		}
		.header_text{
			height:auto;
			width: 100%;
			text-align: center;
			font-size: 0.373333rem;
			margin-top:0.32rem;
		}
		.text_color{
			font-size: 0.45rem;
			font-weight: bold;
			color: #000;
			margin-top:0.393333rem;
		}
		.header_radius{
			width:0.32rem;
			height:0.32rem;
			margin:0 auto;
			margin-top:0.32rem;
		}
		.section{
			width:8.51rem;
			margin: 0 auto;
			border: 1px solid rgb(151,151,151);
			height:8.51rem;
			margin-top:0.3333rem;
			overflow: hidden;
			position: relative;
		}
		.section_logo{
			margin-left: 0.67rem;
			margin-top: 0.37rem;
			width: 1.39rem;
			height: 1.39rem;
		}
		.section_left{
			width:3.47rem;
			height:3.47rem;
			margin-left:0.67rem;
			margin-top: 0.16rem;
		}
		.section_right{
			width:2.426667rem;
			height:2.533333rem;
			margin-left:1.226667rem;
			margin-top:0.56rem;
		}
		.footer{
			width: 100%;
			height:auto;
			padding-top:0.36rem;
		}
		.footer_top{
			width:7.146667rem;
			height:auto;
			margin-left: 0.6rem;
			margin-top: 0.3rem;
			text-align: center;
			font-size: 0.32rem;
			color: #4A4A4A;
			letter-spacing: 1.02px;
			line-height: 0.506667rem;
		}
		.footer_color{
			color:#2AABE9;
		}
		.footer_main{
			width:7.146667rem;
			height:auto;
			padding-top: 0.15rem;
			margin-left: 0.6rem;
		}
		.footer_img{
			width:0.666667rem;
			height:0.666667rem;
			margin:0 auto;
		}
		.footer_footer{
			width:7.146667rem;
			padding-top:0.333333rem;
			height:auto;
			font-size: 0.32rem;
			margin:0 auto;
			text-align: center;
			color: #9B9B9B;
			letter-spacing: 1.02px;
			line-height: 0.506667rem;
		}
		.before{
			width:5.5rem;
			height:1rem;background:#888888;
			margin:0.5rem auto;
			font-size:0.5rem;
			line-height:1rem;
			text-align:center
		}
		.after{
			width:4.5rem;
			height:1rem;background:#63E0CE;
			margin:0.5rem auto;
			font-size:0.5rem;
			line-height:1rem;
			text-align:center
		}
		.wxNumber{
			width:7.5rem;
			height:2rem;;
			margin:0.5rem auto;
			font-size: 0.373333rem;;
			line-height:1rem;
			text-align:center
		}
		.xiaobianNumber{
			position: absolute;
			width: 4rem;
			height: auto;
			font-size: 0.4rem;
			color: rgb(151,151,151);
			left: 2.2rem;
			top: 0.77rem;
		}
	</style>
</head>
<body>
<input type="hidden" value="{$click}">
	<div class="container">
		<div class="main">
			<div class="header">
				<div class="header_top">
					<div class="xian left"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/Bitmap Copy 2.png" class="img"></div>
					<div class="weixin left"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/my_bookshelf_qq_icon_nor.png" class="img"></div>
					<div class="xian xian_right left"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/Bitmap Copy 2.png" class="img"></div>
				</div>
				<div class="header_bot">
					<div class="header_text text_color">
						<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/Oval 7 Copy.png" class="header_radius img">&nbsp;&nbsp;长按图片识别二维码添加小编可立即排版
					</div>
					<div class="header_text">
						<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/Oval 7 Copy.png" class="header_radius img">&nbsp;&nbsp;<span style="color: #4A4A4A;">加我需要<i style="color: #63E0CE;font-style: normal;">开放你的QQ空间</i>哦<br>否则无法制作全部内容</span>
					</div>	
				</div>
			</div>
			<div class="section" ontouchstart="gtouchstart()" ontouchmove="gtouchmove()" ontouchend="gtouchend()">
				<div class="section_logo">
					<img class="img" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/yishuxiaobian01.png" alt="">
				</div>
				<div class="xiaobianNumber">
					优亿库忆书小编：
				</div>
				<div class="section_left left"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/xiaobian/xiaobian00{$click}.jpg" class="img"></div>
				<div class="section_right left"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/9ea33cb1ec12acc27743ff24b476481e.png" class="img"></div>
				<div class="footer_top left">
					识别二维码添加小编后，等待5分钟左右，喝杯咖啡，听一首歌后，小编会第一时间以网站通知的方式告诉你这个好消息，然后就可以点击“<span class="footer_color" onclick="wxbook()">查看我的qq相册回忆录</span>”欣赏了！
				</div>
				<div class="footer_main left">
					<div class="footer_img"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/Rectangle 53.png" class="img"></div>
				</div>
			</div>
			<div class="footer">
				<div class="footer_footer">
					我们除了做微信书之外<br>还有qq空间照片书、微博书、手机本地上传照片书，把你的回忆都做成书吧！
				</div>
			</div>
		</div>
	</div>
	<script>
		var WST = ThinkPHP = window.Think = {
			"ROOT"   : "__ROOT__",
			"APP"    : "__APP__",
			"PUBLIC" : "__PUBLIC__",
			"DEEP"   : "{:C('URL_PATHINFO_DEPR')}",
			"MODEL"  : ["{:C('URL_MODEL')}", "{:C('URL_CASE_INSENSITIVE')}", "{:C('URL_HTML_SUFFIX')}"],
			"VAR"    : ["{:C('VAR_MODULE')}", "{:C('VAR_CONTROLLER')}", "{:C('VAR_ACTION')}"],
			"DOMAIN" : "{:WSTDomain()}",
			"CITY_ID" : "{$currArea['areaId']}",
			"CITY_NAME" : "{$currArea['areaName']}",
			"DEFAULT_IMG": "{:WSTDomain()}/{$CONF['goodsImg']}",
			"MALL_NAME" : "{$CONF['mallName']}",
			"SMS_VERFY"  : "{$CONF['smsVerfy']}",
			"PHONE_VERFY"  : "{$CONF['phoneVerfy']}",
			"IS_LOGIN" :"{$WST_IS_LOGIN}",
			"WST_STYLE" :"{$WST_STYLE}"
		}
		function wxbook(){
			location.href = WST.U("WebApp/Index/index");
		};
	</script>
	<script src="http://www.youyiku-yishu.cn/Public/js/think.js"></script>
	<script>
	window.flag='0';
	$(document).ready(function() {
		if(flag==0){
            flag='1';
            $.ajax({
               type: "get",//数据发送的方式（post 或者 get）
               url: " {:U('WxBooks/addededitor')}",//要发送的后台地址
	//             data:{'wxNumber':wxNumber},//要发送的数据（参数）格式为{'val1':"1","val2":"2"}
               dataType: "json",//后台处理后返回的数据格式
               success:function(data){
                  if(data.status==1){

                  }
               }
            })
         }
      });
/*		window.flag='0';
		function addeditor(){
			if(flag==0){
				flag='1';
				$('.before').removeClass('before').addClass('after');
				var wxNumber=$('.wxNum').val();
				$.ajax({
					type: "get",//数据发送的方式（post 或者 get）
					url: " {:U('WxBooks/addededitor')}",//要发送的后台地址
					data:{'wxNumber':wxNumber},//要发送的数据（参数）格式为{'val1':"1","val2":"2"}
					dataType: "json",//后台处理后返回的数据格式
					success:function(data){
						if(data.status==1){

						}
					}
				})
			}
		}

		window.flag='0';
		var timeOutEvent=0;//定时器
		//开始按
		function gtouchstart(){
			timeOutEvent = setTimeout("longPress()",500);//这里设置定时器，定义长按500毫秒触发长按事件，时间可以自己改，个人感觉500毫秒非常合适
			return false;
		};
		//手释放，如果在500毫秒内就释放，则取消长按事件，此时可以执行onclick应该执行的事件
		function gtouchend(){
			clearTimeout(timeOutEvent);//清除定时器
			if(timeOutEvent!=0){
				//这里写要执行的内容（尤如onclick事件）
				if(flag==0){
					flag='1';
					$.ajax({
						type: "get",//数据发送的方式（post 或者 get）
						url: " {:U('WxBooks/addededitor')}",//要发送的后台地址
					data:{'wxNumber':wxNumber},//要发送的数据（参数）格式为{'val1':"1","val2":"2"}
						dataType: "json",//后台处理后返回的数据格式
						success:function(data){
							if(data.status==1){

							}
						}
					})
				}
			}
			return false;
		};
		//如果手指有移动，则取消所有事件，此时说明用户只是要移动而不是长按
		function gtouchmove(){
			clearTimeout(timeOutEvent);//清除定时器
			timeOutEvent = 0;
			if(flag==0){
				flag='1';
				$.ajax({
					type: "get",//数据发送的方式（post 或者 get）
					url: " {:U('WxBooks/addededitor')}",//要发送的后台地址
					data:{'wxNumber':wxNumber},//要发送的数据（参数）格式为{'val1':"1","val2":"2"}
					dataType: "json",//后台处理后返回的数据格式
					success:function(data){
						if(data.status==1){

						}
					}
				})
			}
		};

		//真正长按后应该执行的内容
		function longPress(){
			timeOutEvent = 0;
			//执行长按要执行的内容，如弹出菜单
			alert('1')
			if(flag==0){
				flag='1';
				$.ajax({
					type: "get",//数据发送的方式（post 或者 get）
					url: " {:U('WxBooks/addededitor')}",//要发送的后台地址
					data:{'wxNumber':wxNumber},//要发送的数据（参数）格式为{'val1':"1","val2":"2"}
					dataType: "json",//后台处理后返回的数据格式
					success:function(data){
						if(data.status==1){

						}
					}
				})
			}
		}
*/
	</script>
</body>
</html>